<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="头发,掉头发,脱发,脂溢性脱发,如何治疗脱发">
    <meta name="description" content="好头发网（www.haotoufa.com)提供最全头发知识手册,汇聚发型、烫发、染发、脱发、白发、植发、如何治疗脱发等与头发一切的资讯，是脱发问题一站式解决平台。">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="dns-prefetch" href="//res.wx.qq.com">
    <link rel="dns-prefetch" href="//mmbiz.qpic.cn">
    <link rel="shortcut icon" type="image/x-icon" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/common/favicon22c41b.ico">
    <title><?= $newData['title'] ?>-头发,掉头发,脱发,脂溢性脱发,如何治疗脱发- 好头发网</title>
    <link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve2c9cd6.css">
    <link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_combo2c9cd6.css">

    <link rel="stylesheet" href="__PUBLIC__/css/amazeui.min.css" />

    <script src="__PUBLIC__/js/jquery-1.11.3.min.js"></script>
    <script src="__PUBLIC__/js/amazeui.min.js"></script>
    <script src="__PUBLIC__/js/app.min.js"></script>
    <script src="__PUBLIC__/js/masonry.pkgd.min.js"></script>

</head>
<style type="text/css">
    body{ background: #fff;  max-width: 500px; margin-left: auto; margin-right: auto;}
    .content img{  width: 100%;  }
    .main{
        padding: 0 10px;
    }
    .head_title{
        width: 100%;
        text-align: left;
        margin: 2% auto;
        font-size: 19px;
        font-weight: bold;
        color: #0078C6;
        padding-top: 14px;
    }
    .head_str{ font-size: 14px; color: #ccc; display: inline-block;}
    .head_str .author_c_time { float: left; }
    .head_str .author { float: left; margin-left: 10px; }
    .content{ clear: both; margin-bottom: 14px; }
    .content p{
        margin-top: 7px;
        font-size: 14px;}
    header img{
        float:left;
        margin-left: 4%;
        width:2.13%;
        margin-top:17.5px;
    }
    header span{
        color:#FFFFFF;
        font-size:1em;
    }
    header a:nth-child(3){
        float:left;
        margin-left: 2.67%;
    }
    header button:nth-child(4) {
        float:right;
        border:none;
        background-color: #15afef;
        margin-right:-3.6%;
        padding-right:8%;
        color:#FFFFFF;
        padding-top:14px;
        padding-bottom:14px;
        outline:none;
        background:url('__PUBLIC__/images/bar_circle.png') no-repeat 82% 25%;
    }
    header img:nth-child(5){
        position: relative;
        margin-top:12px;
        left:60%;
    }
    .mask{
        position: fixed;
        background-color: #2f2f2f;
        opacity: 0.9;
        z-index: 10;
        top:0px;
        left:0px;
        display: none;
    }
    .maskOver{
        position: fixed;
        z-index: 20;
        top:0px;
        left:0px;
        display: none;
    }
    .maskOver .maskText p{
        margin:0;
    }
    .maskOver .maskText p{
        margin-bottom:4%;
        font-size:1.2em;
        color:#FFFFFF;
        text-align: center;
        position: relative;
        top:28px;
    }
    .maskOver img:first-child{
        position: relative;
        top:30px;
        left:70%;
        width:21.33%;
    }
    .maskOver img:nth-child(3){
        position: relative;
        top:260px;
        width:60%;
        left:20%;
    }
</style>
<body id="activity-detail" class="zh_CN mm_appmsg" style="padding-bottom:54px">
<header data-am-widget="header" class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
        <!-- <a href="javascript:void(0)" data-am-modal="{target: '#chooseLocation'}" class=""><i class="am-header-icon am-icon-location-arrow"></i></a>
        <a href="javascript:void(0)" data-am-modal="{target: '#search-modal'}" class=""><i class="am-header-icon am-icon-search"></i></a> -->
    </div>
    <!--<h1 class="am-header-title">好头发</h1>-->
    <!--<div class="am-header-right am-header-nav">-->
        <!--<a href="" target="_self"><i class="am-header-icon"></i></a>-->
    <!--</div>-->
    <img src="__PUBLIC__/images/bar_leftarrow.png"><a href="/"><span class="">好头发首页</span></a>
    <button class="share">分享到朋友圈</button><!-- <img src=""> -->
    <div class="am-header-right am-header-nav">
        <a href="/" target="_self"><i class="am-header-icon"></i></a>
    </div>
</header>

<!--顶部菜单显示-->
<!--<nav data-am-widget="menu" class="am-menu  am-menu-slide1" data-am-menu-collapse>-->
    <!--<a href="javascript: void(0)" class="am-menu-toggle">-->
        <!--<i class="am-menu-toggle-icon am-icon-bars"></i>-->
    <!--</a>-->

    <!--<ul class="am-menu-nav am-avg-sm-4 am-collapse">-->
        <!--<li class="">-->
            <!--<a href="index" class="" >首页</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 75])}" class="" >头发资讯</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 5])}" class="" >养发护发</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 21])}" class="" >男性脱发</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 22])}" class="" >女性脱发</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 70])}" class="" >植发</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 73])}" class="" >脱发原因</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="{:U('index/listDetail',['cat' => 86])}" class="" >脱发解决</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="http://bbs.haotoufa.com/youhui.html" class="" >植发优惠</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="http://bbs.haotoufa.com" class="" >好头发论坛</a>-->
        <!--</li>-->
        <!--<li class="">-->
            <!--<a href="http://www.haotoufa.com/zt/index.html" class="" >植发案例</a>-->
        <!--</li>-->
    <!--</ul>-->

<!--</nav>-->
<div class="main">
    <!--文章头部-->
    <div class="head">
        <div class="head_title"><?= $newData['title'] ?></div>
        <div class="head_str">
            <span class="author_c_time">时间：<?= date("Y-m-d", $newData['lastdotime']) ?></span>
            <span class="author">治脱发交流QQ群：114185605</span>
        </div>
    </div>
    <!--文章内容-->
    <div class="content">
    <?php $data = stripslashes($newData['newstext']); 
        $data = str_replace("src=\"/", "src=\"http://www.haotoufa.com/", $data);
        $data = str_replace("href=\"/", "src=\"http://www.haotoufa.com/", $data);
    ?>
        <?= $data   ?>
    </div>
    <!--調用一下推荐阅读-->
    <style>
        .yue-du h2{ color: #0078C6;}
        .yue-du a{ color: #0078C6;}
    </style>
    <div data-am-widget="list_news" class="am-list-news am-list-news-default yue-du" >
        <!--列表标题-->
        <div class="am-list-news-hd am-cf">
            <!--带更多链接-->
            <a href="" class="">
                <h2>推荐阅读</h2>
            </a>
        </div>

        <div class="am-list-news-bd">
            <ul class="am-list">
                <?php foreach($tuiData as $k => $v){ ?>
                <li class="am-g">
                    <a href="<?=$v['titleurl']?>" class="am-list-item-hd "><?=$v['title']?></a>
                </li>
                <?php } ?>
            </ul>
        </div>
    </div>
    <!--调用一下推荐阅读-->
    <div class="am-list-news-bd">
        <img style="width: 50%; margin-left: 20%;" src="http://www.haotoufa.com/d/file/news/nanxingguanzhu/2016-04-02/a4565078107b0b6f19ac9848aa447e87.jpg" />
    </div>
</div>
<!--微信分享代码-->
<div class="mask"></div>
<div class="maskOver">
    <img src="__PUBLIC__/images/arrowup.png">
    <div class="maskText">
        <p>点击右上角</p>
        <p>分享给朋友和朋友圈</p>
    </div>
    <img src="__PUBLIC__/images/beautiful.png">
</div>
<script>
    //这里是为了图片百分百显示
    $(function () {
        $('.content img').attr('width','100%');
        $('.content img').css('width','100%');
    });
    //设置遮罩的高度
    $(function () {
        var $height= $(window).height();
        var $width= $(window).width();
        $('.mask').css('width',$width);
        $('.mask').css('height',$height);
        $('.maskOver').css('width',$width);
        $('.maskOver').css('height',$height);
    });
    //设置遮罩的点击事件
    $(function () {
        $("header button.share").click(function(){
            // return false;
            $('.mask').toggle();
            $('.maskOver').toggle();

        });
        $('.maskOver').click(function(){
            $('.mask').toggle();
            $('.maskOver').toggle();

        });
        $('.mask').click(function(){
            $('.mask').toggle();
            $('.maskOver').toggle();
        });
    });
    //判断微信浏览器
    $(function () {
        if(/MicroMessenger/i.test(navigator.userAgent)){
            $("button.share").css("display","inline");
        }else{
            $("button.share").css("display","none");
        }
    });
</script>

<!--统计代码-->
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?7c2b50385fa90625e2d2f64e4cd9220f";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
